
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="robots" content="noindex">

    <title>eCommerce Product Detail - Bootsnipp.com</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
  
  	<link href="/public/css/bootstrap/bootstrap.min.css" rel="stylesheet">
    <!--Font Awesome-->
	<link rel="stylesheet" href="/public/css/font-awesome/font-awesome.min.css">
	
    <script src="/public/js/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="/public/js/bootstrap/bootstrap.min.js" type="text/javascript"></script>

    <link rel="stylesheet" href="/public/css/jquery.mobile-1.0.min.css" />

    <script src="/public/js/jquery.mobile.min.js" type="text/javascript"></script>



     <!--Font Awesome-->
	<link rel="stylesheet" href="/public/css/font-awesome/font-awesome.min.css">

    <!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet"> -->

 

    <link href="/public/css/wx/cart.css?ver=9" rel="stylesheet"></link>
    <link href="/public/css/itemdetail.css?ver=9" rel="stylesheet"></link>
</head>
<body>
	<div class="container nomargin">
		<div class="card">
			<div class="container-fliud">
				<div class="wrapper row">

					<div id="home-slider" class="carousel slide" data-ride="carousel">
		                <ol class="carousel-indicators">
		                	{{range $index, $element := .ir.Images}}
								{{if eq $index 0}}
									<li data-target="#carousel-example-generic" data-slide-to="{{$index}}" class="active"></li>
								{{else}}
									<li data-target="#carousel-example-generic" data-slide-to="{{$index}}" ></li>
								{{end}}	
							{{end}}
		                </ol>
		                <div class="carousel-inner">
		                	{{range $index, $element := .ir.Images}}
								{{if eq $index 0}}
									<div class="item active">
				                        <a href="#"><img src="{{$element}}" alt=""></a>
				                    </div>
								{{else}}
									<div class="item">
				                        <a href="#"><img src="{{$element}}" alt=""></a>
				                    </div>
								{{end}}	
							{{end}}
		                </div>
		                
		                <a class="left carousel-control" href="#home-slider" data-slide="prev">
		                    <span class="glyphicon glyphicon-chevron-left"></span></a><a class="right carousel-control"
		                        href="#home-slider" data-slide="next"><span class="glyphicon glyphicon-chevron-right">
		                    </span>
		                </a>
		            </div>

					
					<div class="details">
						<h3 class="product-title">{{.ir.Name}}</h3>
						<!-- 评价部分 -->
						<!-- <div class="rating">
							<div class="stars">
								<span class="fa fa-star checked"></span>
								<span class="fa fa-star checked"></span>
								<span class="fa fa-star checked"></span>
								<span class="fa fa-star"></span>
								<span class="fa fa-star"></span>
							</div>
							<span class="review-no">41 reviews</span>
						</div> -->
						<p class="product-description">{{.ir.Intro}}</p>
						<h4 class="price">价格: <span>${{.ir.Price}}</span></h4>
						
						<!-- 规格 -->
						<!-- <h5 class="sizes">sizes:
							<span class="size" data-toggle="tooltip" title="small">s</span>
							<span class="size" data-toggle="tooltip" title="medium">m</span>
							<span class="size" data-toggle="tooltip" title="large">l</span>
							<span class="size" data-toggle="tooltip" title="xtra large">xl</span>
						</h5> -->
						<!-- 颜色 -->
						<!-- <h5 class="colors">colors:
							<span class="color orange not-available" data-toggle="tooltip" title="Not In store"></span>
							<span class="color green"></span>
							<span class="color blue"></span>
						</h5> -->
						<div class="action">
							<button class="add-to-cart btn btn-default" type="button">加入购物车</button>
							<button class="like btn btn-default" type="button"><span class="fa fa-heart"></span></button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>
